<!DOCTYPE html>
<html lang="en" ng-app="myApp">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>后台管理平台</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-reboot.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="css/sb-admin.min.css" />
	</head>

	<body class="fixed-nav sticky-footer bg-dark" id="page-top">
		<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
			<a class="navbar-brand" href="index.html">管理平台</a>
			<div class="collapse navbar-collapse" id="navbarResponsive">
				<ul class="navbar-nav navbar-sidenav" id="exampleAccordion">
					<li class="nav-item" data-toggle="tooltip" data-placement="right" title="Components">
						<a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseComponents" data-parent="#exampleAccordion">
							<i class="fa fa-fw fa-wrench"></i>
							<span class="nav-link-text">系统管理</span>
						</a>
						<ul class="sidenav-second-level collapse" id="collapseComponents">
							<li>
								<a href="#/user">用户管理</a>
							</li>
							<li<a href="#/role">角色管理</a>
							</li>
							<li>
								<a href="#/resource">资源管理</a>
							</li>
							<li>
								<a href="#/dict">字典管理</a>
							</li>
							<li>
								<a href="#/log">日志管理</a>
							</li>
						</ul>
					</li>
					<li class="nav-item" data-toggle="tooltip" data-placement="right" title="Menu Levels">
						<a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseMulti" data-parent="#exampleAccordion">
							<i class="fa fa-fw fa-sitemap"></i>
							<span class="nav-link-text">订单管理</span>
						</a>
						<ul class="sidenav-second-level collapse" id="collapseMulti">
							<li>
								<a href="#">采购订单</a>
							</li>
							<li>
								<a class="nav-link-collapse collapsed" data-toggle="collapse" href="#collapseMulti2">销售管理</a>
								<ul class="sidenav-third-level collapse" id="collapseMulti2">
									<li>
										<a href="#">销售出库</a>
									</li>
									<li>
										<a href="#">销售发货</a>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<li class="nav-item" data-toggle="tooltip" data-placement="right" title="Menu Levels">
						<a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#stock" data-parent="#exampleAccordion">
							<i class="fa fa-fw fa-sitemap"></i>
							<span class="nav-link-text">库存管理</span>
						</a>
						<ul class="sidenav-second-level collapse" id="stock">
							<li>
								<a href="#/out">出库管理</a>
							</li>
							<li>
								<a href="#/in">入库管理</a>
							</li>
						</ul>
					</li>
				</ul>

				<ul class="navbar-nav sidenav-toggler">
					<li class="nav-item">
						<a class="nav-link text-center" id="sidenavToggler">
							<i class="fa fa-fw fa-angle-left"></i>
						</a>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto">
					<li class="nav-item">
						<a class="nav-link" data-toggle="modal" data-target="#exampleModal">
							<i class="fa fa-fw fa-sign-out"></i>退出</a>
					</li>
				</ul>
			</div>
		</nav>
		<div class="content-wrapper">

			<div class="container-fluid">
				<!--用于引入外部页面 begin-->
				<div ng-view>
				</div>
				<!--end-->
			</div>

			<footer class="sticky-footer">
				<div class="container">
					<div class="text-center">
						<small>Copyright © free 2017</small>
					</div>
				</div>
			</footer>

			<a class="scroll-to-top rounded" href="#page-top">
				<i class="fa fa-angle-up"></i>
			</a>

			<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">操作提醒</h5>
							<button class="close" type="button" data-dismiss="modal" aria-label="Close">
				              <span aria-hidden="true">×</span>
				            </button>
						</div>
						<div class="modal-body">
							<h4>确定要退出系统吗</h4>
						</div>
						<div class="modal-footer">
							<button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button>
							<a class="btn btn-primary" href="login.html">退出</a>
						</div>
					</div>
				</div>
			</div>
			<script src="js/jquery-3.2.1.min.js"></script>
			<script src="js/bootstrap.min.js"></script>
			<script src="js/bootstrap.bundle.min.js"></script>
			<script src="js/sb-admin.min.js"></script>
			<script src="js/angular.min.js"></script>
			<script src="js/angular-route.min.js"></script>
			<script src="js/bootstrap-datetimepicker.min.js"></script>
			<script src="scripts/app.js"></script>
			<script src="scripts/controllers/userController.js"></script>
			<script src="scripts/controllers/roleController.js"></script>
			<script src="scripts/controllers/resourceController.js"></script>
			<script src="scripts/controllers/inController.js"></script>
			<script src="scripts/controllers/outController.js"></script>

		</div>
	</body>

</html>